<template>
   <div class="container">
      你是一个vue3项目，使用了element-plus组件库和axios网络请求库。
      <br>
      你是一个vue3项目，使用了element-plus组件库和axios网络请求库。
      <br>
      你是一个vue3项目，使用了element-plus组件库和axios网络请求库。
      <br>
      你是一个vue3项目，使用了element-plus组件库和axios网络请求库。
      {{ abc }}
   </div>
</template>

<script setup lang="ts">

import { useUserStore } from '@/stores/user'
import { getUserList } from '@/api/chat'
const userStore = useUserStore()
userStore.token = '123'
const getInfo = async () => {
   // 尝试获取用户列表
   try {
      const res = await getUserList({})
      console.log(res)
   } catch (error: any) {
      console.log(error.message)
   }
}

onMounted(() => {
   getInfo();
})


const abc = reactive({ a: 1 })
</script>

<style lang="scss" scoped>
.container {}
</style>